import React from 'react';
import { Card, Tabs } from 'antd';

import HookComponent from './hook-component/index';
import ClassComponent from './class-component/index';

function App() {

  return (
    <Tabs style={{margin: '100px 48px'}}>
      <Tabs.TabPane tab='hook-component' key='1'>
        <Card
          style={{
            margin: '100px 48px'
          }}
        >
          <HookComponent />
        </Card>
      </Tabs.TabPane>
      <Tabs.TabPane tab='class-component' key='2'>
        <Card
          style={{
            margin: '100px 48px'
          }}
        >
          <ClassComponent />
        </Card>
      </Tabs.TabPane>
    </Tabs>
  )
}

export default App;
